<template>
	<view>
		<view class="list">
			<list-picker></list-picker>
			<list-item v-for="(i,index) in 4" :key="index"></list-item>
		</view>
	</view>
</template>

<script lang="ts" setup>
	import listPicker from '@/components/nursery/tabbar/index/list/list-picker.vue';
	import listItem from '@/components/nursery/tabbar/index/list/list-item.vue';
</script>

<style lang="scss" scoped>
	.list{
		width: mp-sizing(345);
		height: mp-sizing(400);
		box-sizing: border-box;
		padding: 0 mp-sizing(10);
		margin: auto;
		margin-top: mp-sizing(10);
		margin-bottom: mp-sizing(10);
		background-color: $uni-bg-color;
		border-radius: mp-sizing(16);
		display: flex;
		flex-flow: column;
		align-items: center;
	}
</style>